$(".leftlist").hide();

$(".leftlist").css("margin", "10px -6px");

$("nav>ul>li>a").click(function () { //左侧导航栏点击进入激活状态
    $(".active").removeClass("active"); 	//删除已有的激活状态
    $(this).parent().addClass("active");	//鼠标单击的链接进入激活状态
    if ($(this).next().css("display") == "block") {		//如果点击的链接是展开状态就隐藏
        $(this).next().hide("slow");
    } else {								//否则就关闭其他已经展开的导航并且展开自身导航
        $(this).next().removeClass("leftlist");	//先删除自身类防止后面把自己的展开状态关闭
        $(this).next().show("slow");		//展开导航
        $(".leftlist").hide("slow");		//关闭其他导航
        $(this).next().addClass("leftlist");	//再把自身类加上
    }
})


// 左侧导航列表超链接左边鼠标悬浮箭头
$(".leftlist span").hide(); //隐藏样式
$(".leftlist a").on("mouseover", function () { //鼠标经过显示
    $(this).children("span").show();
})
$(".leftlist a").on("mouseout", function () { //鼠标移出隐藏
    $(this).children("span").hide();
})


//上方标签
$(".leftlist a").click(function () {//左边导航栏下 列表单击触发'

    let aaa = $(this); 			//获取自身元素
    let flag = true;				//用来验证上方标签是否已经存在该标签
    $("#addrBar>div").each(function () { 		//验证上方标签是否已经存在该标签
        if (this.innerText.indexOf(aaa.text()) != -1) {		//如果存在就执行下方函数
            $("#addrBar>div").css({"background": "#ffffff00", "color": "#fff"});  //先把上方所有标签都变透明
            $("#addrBar>div .you").hide();
            $("#iframes iframe").hide();
            $(this).css({"background": "#fff", "color": "#204D74"});  //如果存在就把已存在的标签成为选中状态
            $(this).children(".you").show();
            $("iframe:contains('" + aaa.text() + "')").show();
            flag = false;												//返回false证明这个标签已存在
        }
    });
    if (flag) {
        if ($("#addrBar>div").length < 10) {  //如果上方不存在标签就添加一个标签
            $("#addrBar>div").css({"background": "#ffffff00", "color": "#fff"});  //先把上方所有标签都变透明
            $("#addrBar>div .you").hide();
            $("#iframes iframe").hide();
            let iframe = $("<iframe class='embed-responsive-item' src='" + this.className + "'>" + aaa.text() + "</iframe>");
            let span = $("<div class='tag'><div class='zi'>" + aaa.text() + "</div><div class='you'><div><i class='iconfont icon-delete'></i></div><div class='xia'><i class='iconfont icon-shuaxin-'></i></div></div></div>");
            $("#addrBar").append(span);
            $("#iframes").append(iframe);
        } else {
            toastr.warning("标签超过十个了");		//控制上方标签不能超过十个
        }
    }
});


$("#addrBar").on("click", ".tag", function () {	//上方标签切换函数
    let aaa = this.innerText;

    $("#addrBar>div").css({"background": "#ffffff00", "color": "#fff"});//所有标签透明
    $("#iframes iframe").hide();		//所有iframe隐藏
    $("#addrBar>div .you").hide();		//标签右边的刷新按钮和关闭按钮隐藏
    active(aaa);
})


$("div").on("click", ".icon-shuaxin-", function () {	//刷新按钮功能
    let aaa = this.parentNode.parentNode.parentNode.innerText;
    $("iframe:contains('" + aaa + "')").attr("src", $("iframe:contains('" + aaa + "')").attr("src")); //刷新包含所点击的按钮文字的iframe
    return false;		//阻止冒泡时间
})

$("div").on("click", ".icon-delete", function () { //关闭按钮功能
    let aaa = $(this).parent().parent().parent();
    $("iframe:contains('" + aaa.text() + "')").remove();	//删除包含所点击的按钮文字的iframe
    active(aaa.prev().text());	//调用下方激活函数
    console.log(aaa.prev().text());
    aaa.remove(); //删除自身的标签
    return false; //阻止冒泡事件
})

function active(a) {  //激活iframe和按钮
    $("#addrBar .tag:contains('" + a + "')").css({"background": "#fff", "color": "#204D74"});
    $("iframe:contains('" + a + "')").show();
    $("#addrBar .tag:contains('" + a + "')").children(".you").show();
}

$("#setting").click(function () {
    $("#addrBar>div").css({"background": "#ffffff00", "color": "#fff"});//所有标签透明
    $("#iframes iframe").hide();			//所有iframe隐藏
    $("#addrBar>div .you").hide();			//标签右边的刷新按钮和关闭按钮隐藏
    let flag = true;

    $("#addrBar>div").each(function () {
        if ($(this).text() == "个人信息") {		//如果存在就执行下方函数
            $(this).css({"background": "#fff", "color": "#204D74"});  //如果存在就把已存在的标签成为选中状态
            $(this).children(".you").show();

            $("iframe:contains('个人信息')").show();
            flag = false;												//返回false证明这个标签已存在
        }
    })

    if (flag) {
        let iframe = $("<iframe class='embed-responsive-item' src='/home/personalInfo.jsp'>个人信息</iframe>");
        let span = $("<div class='tag'><div class='zi'>个人信息</div><div class='you'><div><i class='iconfont icon-delete'></i></div><div class='xia'><i class='iconfont icon-shuaxin-'></i></div></div></div>");
        $("#addrBar").append(span);
        $("#iframes").append(iframe);
    }
})
$("#message").click(function () {
    $("#ann").click();
})
